<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>功能主页 - 指尖网页版</title>
    <link rel="shortcut icon" href="favcion.ico" />
    <link rel="stylesheet" href=" css/iconfont.css">
    <link rel="stylesheet" href="../plug-in/normalize.css">
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <div class="container" id="container">
        <aside class="left-bar" id="leftBar">
            <div class="title">
                <p>指尖网页版</p>
            </div>
            <nav class="nav">
                <div class="item active"><a href=""><i class="iconfont icon-daohang2"></i>功能主页</a><i class="line"></i></div>
                <ul class="nav-item" id="navItem">
                    <li><a href="#qwys" class="active"><i class="iconfont icon-shequ"></i>全网影视</a></li>
                    <li><a href="#mjwz"><i class="iconfont icon-blogger"></i>美剧网站</a></li>
                    <li><a href="#dmwz"><i class="iconfont icon-wendangdocument78"></i>动漫网站</a></li>
                    <li><a href="#yyss"><i class="iconfont icon-tool"></i>音乐搜索</a></li>
                    <li><a href="#zywz"><i class="iconfont icon-designer"></i>资源网站</a></li>
                    <li><a href="#vip"><i class="iconfont icon-xuexi1"></i>VIP解析</a></li>
                    <li class="download"><a target="_blank" href="http://zhijiantv.gitee.io/dashang"><i class="iconfont icon-github"></i>打赏支持</a></li>
                </ul>
                <div class="item comment"><a target="_blank" href="https://support.qq.com/product/104496"><i class="iconfont icon-liuyan"></i>吐个槽</a></div>
            </nav>
        </aside>
        <section class="main">
            <div id="mainContent">
                <!-- 手机端菜单 -->
                <div id="menu-box">
                   <div id="menu">
                       <input type="checkbox" id="menu-form">
                       <label for="menu-form" class="menu-spin">
                        <div class="line diagonal line-1"></div>
                        <div class="line horizontal"></div>
                        <div class="line diagonal line-2"></div>
                      </label>
                    </div>
                </div>
                <!-- 全网影视 -->
                <div class="box">
                    <a href="" name="qwys"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>全网影视</div>
                    </div>
                    <div>
                        <a target="_blank" href="https://www.wddytt.com/">
                            <div class="item">
                                <div class="no-logo"><span class="time1">电影天堂</span></div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mahua110.com/">
                            <div class="item">
                                <div class="no-logo">麻花影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.lemaotv.net/">
                            <div class="item">
                                <div class="no-logo">乐猫TV</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://m.yse1234.com/">
                            <div class="item">
                                <div class="no-logo">yse影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.03pjpj.net/">
                            <div class="item">
                                <div class="no-logo">葡京影视</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://m.kankanwu.com/">
                            <div class="item">
                                <div class="no-logo">看看屋手机版</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.xiongjian44.com/">
                            <div class="item">
                                <div class="no-logo">恐怖①</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.kongbu44.com/">
                            <div class="item">
                                <div class="no-logo">恐怖②</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 美剧网站 -->
                <div class="box">
                    <a href="" name="mjwz"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>美剧网站</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://m.meijuniao.com/">
                            <div class="item">
                                <div class="no-logo"><span class="time1">美剧鸟</span></div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.meijuxz.com/">
                            <div class="item">
                                <div class="no-logo">天天美剧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://yyetss.com/">
                            <div class="item">
                                <div class="no-logo">人人美剧</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://m.meijutt.com/">
                            <div class="item">
                                <div class="no-logo">美剧天堂</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://91mjw.com/category/all_mj">
                            <div class="item">
                                <div class="no-logo">九一美剧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.anzhuotan.com/">
                            <div class="item">
                                <div class="no-logo">追美剧</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.49914.com/">
                            <div class="item">
                                <div class="no-logo">九九美剧</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.meijumao.net/">
                            <div class="item">
                                <div class="no-logo">猫猫美剧</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 动漫网站 -->
                <div class="box">
                    <a href="" name="dmwz"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>动漫网站</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.zzzfun.com/">
                            <div class="item">
                                <div class="no-logo">Zzzfun</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.5dm.tv/">
                            <div class="item">
                                <div class="no-logo">D站_无弹幕</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://qinmei.video/m/">
                            <div class="item">
                                <div class="no-logo">QinMei</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://m.imomoe.io/">
                            <div class="item">
                                <div class="no-logo">樱花动漫</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.mandao.tv/">
                            <div class="item">
                                <div class="no-logo">漫岛</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://m.fengchedm.com/">
                            <div class="item">
                                <div class="no-logo">风车动漫</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.huore8.com/">
                            <div class="item">
                                <div class="no-logo">火热动漫</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.kan302.com/">
                            <div class="item">
                                <div class="no-logo">看撒动漫</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 音乐搜索 -->
                <div class="box">
                    <a href="" name="yyss"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>音乐搜索</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://music.junyuewl.com/">
                            <div class="item">
                                <div class="no-logo">音乐狂</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://tool.liumingye.cn/music/">
                            <div class="item">
                                <div class="no-logo">全能音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://music.ifkdy.com/">
                            <div class="item">
                                <div class="no-logo">疯狂音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://tool.520lsj.cn/yy/">
                            <div class="item">
                                <div class="no-logo">VIP音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://music.runker.net/">
                            <div class="item">
                                <div class="no-logo">行客音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://vip.muyl.vip/index.php/map/index.html">
                            <div class="item">
                                <div class="no-logo">心如止水_手机版</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.ciding.fun/">
                            <div class="item">
                                <div class="no-logo">磁钉音乐</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.youtap.xin/">
                            <div class="item">
                                <div class="no-logo">七月music</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- 资源网站 -->
                <div class="box">
                    <a href="" name="zywz"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>资源网站</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.zuidazy2.net/">
                            <div class="item">
                                <div class="no-logo">最大资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.okzyw.com/">
                            <div class="item">
                                <div class="no-logo">OK资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.kuyun.co/">
                            <div class="item">
                                <div class="no-logo">酷云资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.666zy.com/">
                            <div class="item">
                                <div class="no-logo">哈酷资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://wolongzy.net/">
                            <div class="item">
                                <div class="no-logo">卧龙资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://bajieziyuan.com/">
                            <div class="item">
                                <div class="no-logo">八戒资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://zuixinzy.cc/">
                            <div class="item">
                                <div class="no-logo">最新资源网</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://douban666.com/">
                            <div class="item">
                                <div class="no-logo">豆瓣资源网</div>
                            </div>
                        </a>
                    </div>
                </div>
                <!-- VIP解析 -->
                <div class="box">
                    <a href="" name="vip"></a>
                    <div class="sub-category">
                        <div><i class="iconfont icon-tool"></i>VIP解析</div>
                    </div>
                    <div>
                        <a target="_blank" href="http://www.gddyu.com/">
                            <div class="item">
                                <div class="no-logo">够低调解析</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://lab.liumingye.cn/video/">
                            <div class="item">
                                <div class="no-logo">VIP解析①</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.ikukk.com/">
                            <div class="item">
                                <div class="no-logo">爱酷解析</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://www.bavei.com/">
                            <div class="item">
                                <div class="no-logo">全民解析</div>
                            </div>
                        </a>
                        <a target="_blank" href="https://z1.m1907.cn/jx.html">
                            <div class="item">
                                <div class="no-logo">VIP解析②</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.spzcr.cn/">
                            <div class="item">
                                <div class="no-logo">VIP解析③</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://vip.renrensousuo.com/">
                            <div class="item">
                                <div class="no-logo">众人解析</div>
                            </div>
                        </a>
                        <a target="_blank" href="http://www.sp288.com/">
                            <div class="item">
                                <div class="no-logo">土豪解析</div>
                            </div>
                        </a>
                    </div>
                </div>

                <footer class="footer">
                    <div class="copyright">
                        <div>
                            Copyright © 2019- 2020
                            <a href="http://zhijiantv.gitee.io/shouye">指尖网页版</a>
                        </div>
                    </div>
                </footer>
                <div id="fixedBar"><svg class="Zi Zi--BackToTop" title="回到顶部" fill="currentColor" viewBox="0 0 24 24" width="24" height="24"><path d="M16.036 19.59a1 1 0 0 1-.997.995H9.032a.996.996 0 0 1-.997-.996v-7.005H5.03c-1.1 0-1.36-.633-.578-1.416L11.33 4.29a1.003 1.003 0 0 1 1.412 0l6.878 6.88c.782.78.523 1.415-.58 1.415h-3.004v7.005z"></path></svg></div>
        </section>
        <script src="js/jquery.js"></script>
        <script>
        var oMenu = document.getElementById('menu');
        var oLeftBar = document.getElementById('leftBar');
        var menuFrom = document.getElementById('menu-form');

        oMenu.onclick = function() {
            if (oLeftBar.offsetLeft == 0) {
                oLeftBar.style.left = -249 + 'px';
            }
            else {
                oLeftBar.style.left = 0;
            }
        }


        // 监听页面宽度变化
        window.onresize = function() {
            judgeWidth();
            // console.log(document.documentElement.clientWidth);
        };

        // 判断页面宽度
        function judgeWidth() {
            if (document.documentElement.clientWidth > 481) {
                oLeftBar.style.left = 0;
            } else {
                oLeftBar.style.left = -249 + 'px';
            }
        }


        var oNavItem = document.getElementById('navItem');
        var aA = oNavItem.getElementsByTagName('a');
        for (var i = 0; i < aA.length; i++) {
            aA[i].onclick = function() {
                for (var j = 0; j < aA.length; j++) {
                    aA[j].className = '';
                }
                this.className = 'active';
                if (oLeftBar.offsetLeft == 0) {
                    if (document.documentElement.clientWidth <= 481) {
                        oLeftBar.style.left = -249 + 'px';
                        menuFrom.checked = false;

                    }
                }
            }
        }


        $(window).scroll(function() {
            if($(window).scrollTop() >= 200){
                $('#fixedBar').fadeIn(300);
            }else{
                $('#fixedBar').fadeOut(300);
            }
        });
        $('#fixedBar').click(function() {
            $('html,body').animate({scrollTop:'0px'},800);
        })
        </script>
</body>

</html>